<!DOCTYPE html>

<html data-dpr="1" style="font-size: 182.133px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>rem-bank</title>
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,target-densitydpi=device-dpi">
    <script src="./rem-bank/hm.js">
    </script><script src="./rem-bank/adaptive.js"></script>
    <script>
        window['adaptive'].desinWidth = 750;
        window['adaptive'].baseFont = 28;
        window['adaptive'].init();
    </script>
    <link rel="stylesheet" href="./rem-bank/iosSelect.css">
    
</head>
<body style="font-size: 0.28rem;">
<a href="https://github.com/zhoushengmufc/iosselect">查看文档</a>
<div class="form-item item-line">                 
    <label>请选择银行</label>                 
    <div class="pc-box">                     
        <input type="text" name="bank_id" id="bankId" value="">                     
        <span id="showBank">点击这里选择银行</span>  
    </div>             
</div>

<script src="./rem-bank/bank.js"></script>
<script src="./rem-bank/iosSelect.js"></script>
<script type="text/javascript">
    var showBankDom = document.querySelector('#showBank');
    var bankIdDom = document.querySelector('#bankId');

    showBankDom.addEventListener('click', function () {
        var bankId = showBankDom.dataset['id'];
        var bankName = showBankDom.dataset['value'];
console.log(bankId)
        var bankSelect = new IosSelect(1, 
            [data],
            {
                title: '银行卡选择',
                oneLevelId: bankId,
                itemHeight: 0.7,
                headerHeight: 0.88,
                itemShowCount: 3,
                cssUnit: 'rem',
                callback: function (selectOneObj) {
                    bankIdDom.value = selectOneObj.id;
                    showBankDom.innerHTML = selectOneObj.value;
                    showBankDom.dataset['id'] = selectOneObj.id;
                    showBankDom.dataset['value'] = selectOneObj.value;
                }
        });
    });
</script>


</body></html>